<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>输注记录</span>
      </div>
      <el-table size="mini" :data="tableData" style="width: 100%" height="230">
        <el-table-column fixed prop="date" type="selection"></el-table-column>
        <el-table-column prop="name" label="发送时间" width="120"></el-table-column>
        <el-table-column prop="province" label="是否审核" width="120"></el-table-column>
        <el-table-column prop="city" label="发送者" width="120"></el-table-column>
        <el-table-column prop="address" label="血袋编号" width="300"></el-table-column>
        <el-table-column prop="zip" label="输血成分" width="120"></el-table-column>
        <el-table-column prop="city" label="血袋血量" width="120"></el-table-column>
        <el-table-column prop="address" label="血袋单位" width="300"></el-table-column>
        <el-table-column prop="zip" label="输血状态" width="120"></el-table-column>
        <el-table-column prop="city" label="平均输血速率" width="120"></el-table-column>
        <el-table-column prop="address" label="输血速率单位" width="300"></el-table-column>
        <el-table-column prop="zip" label="实际输血量" width="120"></el-table-column>
      </el-table>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>输血护理记录</span>
      </div>
      <el-table size="mini" :data="tableData" style="width: 100%" height="230">
        <el-table-column fixed prop="date" label="护理流程" width="150"></el-table-column>
        <el-table-column prop="name" label="记录时间" width="120"></el-table-column>
        <el-table-column prop="province" label="体温" width="120"></el-table-column>
        <el-table-column prop="city" type="selection" label="开始输注" width="120"></el-table-column>
        <el-table-column prop="address" type="selection" label="就是输注" width="300"></el-table-column>
        <el-table-column prop="zip" label="脉搏(次/分)" width="120"></el-table-column>
        <el-table-column prop="city" label="呼吸(次/分)" width="120"></el-table-column>
        <el-table-column prop="address" label="血压收缩(mmHg)" width="300"></el-table-column>
        <el-table-column prop="zip" label="血压舒张(mmHg)" width="120"></el-table-column>
        <el-table-column prop="city" label="观察记录" width="120"></el-table-column>
        <el-table-column prop="address" label="有无输血反应" width="300"></el-table-column>
        <el-table-column prop="zip" label="药物" width="120"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-08",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-06",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-07",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
.box-card {
    margin-bottom: 10px;
}
  /deep/ .el-card__header{
      padding: 10px;
  }
</style>